﻿<template>
	<view class="coreshop-margin-bottom-10 coreshop-padding-top-10 coreshop-padding-bottom-10 coreshop-bg-red">
		<view class="coreshop-flex coreshop-align-center coreshop-justify-between line-white c-p-l-12 c-p-r-10 c-m-b-20 coreshop-font-sm">
			<view class="coreshop-flex coreshop-align-center coreshop-font-weight-bold">
				<view class="dot dot__white c-m-r-10"></view>
				<view class="">SHIBAYAN</view>
			</view>
			<text style="font-weight:200;">「   十八颜连锁   」</text>
		</view>
		<u-grid 
			:col="limit" 
			:border="false"
		>
			<u-grid-item 
				v-for="(item, index) in ListData" 
				:key="index" 
				@click="showSliderInfo(item.linkType, item.linkValue)">
				<view class="coreshop-padding-bottom-10 coreshop-padding-top-10">
					<u-icon 
						:name="item.image" 
						width="50" 
						height="50" 
						:label="item.text" 
						:labelSize="13" 
						labelColor="#fff"
						labelPos="bottom" 
						:top="25" 
						space="10">
					</u-icon>
				</view>
			</u-grid-item>
		</u-grid>
	</view>
</template>

<script>
	export default {
		name: "coreshopData",
		components: {},
		props: {
			coreshopData: {
				// type: Object,
				required: true,
			}
		},
		data() {
			return {
				ListData: [],
				limit: 0,
				multiple: 0,
				count: 0,
				scrollPage: 1,
				scrollDot: 0,
			}
		},
		mounted() {

		},
		created() {
			this.ListData = this.coreshopData.parameters.list;
			this.limit = this.coreshopData.parameters.limit;
		},
		methods: {
		}
	}
</script>
